<template>
  <div>
    <div class="bargain-container">
      <div class="bargain-title">全民砍价 ></div>
      <Card
        :desc="item.characteristic"
        :title="item.name"
        :num="item.stores"
        :price="item.minPrice"
        :thumb="item.pic"
        v-for="item in bargainList"
        :key="item.id"
        :origin-price="item.originalPrice"
        class="bargain-card"
      >
      </Card>
    </div>
  </div>
</template>
<script>
import Vue from "vue";
import { Card } from "vant";
Vue.use(Card);
export default {
   components: {
    Card,
  },
  props: {
    bargainList: {
      type: Array,
      required:true,
    },
  },
};
</script>
<style scoped>
.bargain-title {
  height: 1.6rem;
  width: 100%;
  font-size: 0.7rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  margin-top: 0.4rem;
}
</style>